.order-list {
  padding: 15px 20px;
  background: #fff;
  margin-bottom: 10px;
  --text-color: '#666';
  --border-color: 'rgba(51,51,51,0.2)';
  .order-info {
    display: flex;
    justify-content: space-between;
    .o-l-left {
      .train-name {
        font-size: 15px;
        font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
        font-weight: bold;
        color: #333333;
      }
      .ticket-date,
      .seat-info {
        font-size: 12px;
        font-family: MicrosoftYaHei;
        color: #666666;
      }
      .ticket-date {
        margin-bottom: 3px;
      }
      .seat-info {
        margin: 7px 0 5px;
      }
    }
    .o-l-right {
      .money {
        font-size: 18px;
        font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
        font-weight: bold;
        color: #ff8300;
      }
      .ticket-status {
        margin-top: 5px;
        font-size: 13px;
        font-family: MicrosoftYaHei;
        color: #03b15d;
      }
    }
    .adm-button {
      text-align: right;
    }
  }
  .bottom-button {
    display: flex;
    justify-content: flex-end;
  }
}
.button-style {
  --text-color: #666;
  --border-radius: 23px;
  --border-color: rgba(51, 51, 51, 0.2) !important;
  font-size: 12px!important;
}
